<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="HandheldFriendly" content="true">
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <title>集粽子，兑好礼</title>
  <link rel="stylesheet" href="./css/common.min.css">
  <link rel="stylesheet" href="./css/exchange.min.css">
  <script src="./lib/jquery-1.8.2.min.js"></script>
  <script src="./lib/tool.js"></script>
  <script src="./lib/openInWeChat.js"></script>
  <script src="./lib/wyrem.js"></script>
  <!-- <script src="./lib/vconsole.min.js"></script> -->
  <style>
  </style>
</head>

<body onload="preventMove()" class="animated fadeIn">
  <div class="loading animated">
    <img src="./images/load.gif" alt="">
  </div>
  <div class="panel panel-group setAddr animated hanyicu none">
    <div class="p-c">
      <p class="f32 hanyicu">恭喜您获得韩巢定制U盘！
        <a class="close-btn"></a>
      </p>
      <p>
        <span class="hanyicu">姓名:</span>
        <input type="text" id="mUser" placeholder="" value="">
        </span>
      </p>
      <p>
        <span class="hanyicu">手机号:</span>
        <input type="number" id="aPhone" placeholder="" value="">
        </span>
      </p>
      <p>
        <span class="hanyicu">收货地址:</span>
        <input type="text" id="mAddr" placeholder="" value="">
        </span>
      </p>
      <p>
        <span class="tip">（注：奖品将于活动结束后10个工作日内 完成发放，请注意查收哦~）
        </span>
      </p>
      <p class="btn" id="sendAddr">
        <span>确定</span>
      </p>
      <i class="flow-l"></i>
      <i class="flow-r"></i>
    </div>
  </div>
  <div class="panel panel-group setPhone  animated none">
    <div class="p-c">
      <p class="f30 hanyicu">恭喜您获得500MB全国流量！
        <a class="close-btn"></a>
      </p>
      <p>
        <span class="hanyicu">手机号:</span>
        <input type="text" id="mPhone" placeholder="请输入手机号" value="">
        <span class="tip hanyicu">（注：奖品将于活动结束后10个工作日内 完成发放，请注意查收哦~）
        </span>
      </p>
      <p class="btn" id="sendPhone">
        <span>确定</span>
      </p>
      <i class="flow-l"></i>
      <i class="flow-r"></i>
    </div>
  </div>
  <div class="panel panel-group noprize1 animated none">
    <div class="p-c">
      <p class="f30 hanyicu">抱歉，奖品已兑完，您来晚啦！明天还有机会哦~
      </p>
      <p></p>
      <p class="btn cprizeBtn">
        <span>确定</span>
      </p>
      <i class="flow-l"></i>
      <i class="flow-r"></i>
    </div>
  </div>
  <div class="panel panel-group haveprize  animated none">
    <div class="p-c">
      <p class="f30 hanyicu">您已经兑换奖品了
      </p>
      <p class="btn closeHave ">
        <span>返回</span>
      </p>
      <i class="flow-l"></i>
      <i class="flow-r"></i>
    </div>
  </div>
  <div class="panel panel-group noprize2 animated none">
    <div class="p-c">
      <p class="f26 hanyicu">抱歉，奖品已兑完，您来晚啦！还有一大波福利正在赶来的路上，敬请期待下次活动哦~
      </p>
      <p style="margin: 0.6rem 0 0.3rem;"></p>
      <p class="btn cprizeBtn">
        <span>确定</span>
      </p>
    </div>
  </div>
  <div class="container">
    <div class="divide-l"></div>
    <div class="divide-r"></div>
    <header></header>
    <article>
      <ul>
        <li>
          <span>一等奖
            <br>
          </span>
          <span>
            <a href="javascript:void(0);" class="en"></a>
          </span>
        </li>
        <li>
          <span></span>
          <span class="leave">还有份</span>
        </li>
        <li>
          <span>二等奖
            <br>
          </span>
          <span>
            <a href="javascript:void(0);" class="unen"></a>
          </span>
        </li>
        <li>
          <span></span>
          <span>还有份</span>
        </li>
        <li>
          <span>三等奖
            <br>
          </span>
          <span>
            <a href="javascript:void(0);" class="en"></a>
          </span>
        </li>
        <li>
          <span></span>
          <span class="leave">还有份</span>
        </li>
      </ul>
    </article>
  </div>
  <footer></footer>
  <script type="text/javascript" src="./lib/template-web.js">
  </script>
  <script type="text/html" id="template">
    {{each firstload}}
    <ul>
      <li>
        <span>{{$value.rank}}
          <br>{{$value.prizeName}}</span>
        <span>
          <a href="javascript:void(0);" class="{{$value.style}}" data-key="{{$value.type}}"></a>
        </span>
      </li>
      <li>
        <span class="leave-l">兑换需要{{$value.enough}}个粽子</span>
        <span class="leave">还有{{$value.size}}份</span>
      </li>
    </ul>
    {{/each}}
  </script>
  <script src="./old2222/exchange.js"></script>
  <script type="text/javascript" src="./lib/banshare.js"></script>
</body>

</html>